body {
  background-color: #f8f8f8;
}
body header {
  height: 0.88rem;
  text-align: center;
  color: #FFFBFB;
  line-height: 0.88rem;
  position: relative;
  background-color: #F5445D;
  font-size: 0.36rem;
}
body header input[type='button'] {
  font-size: 0.28rem;
  border: 0;
  position: absolute;
  top: 50%;
  right: 0.4rem;
  margin-top: -0.14rem;
  color: #FEF3F5;
  background-color: #F5445D;
}
body .main section .title {
  height: 0.7rem;
  padding-left: 0.2rem;
  overflow: hidden;
  font-size: 0;
  background-color: #fff;
}
body .main section .title label {
  display: inline-block;
  width: 0.3rem;
  height: 0.7rem;
  padding-top: 0.2rem;
  background: url(../images/shopCartSprite.png) no-repeat -1.5rem -1.4rem;
  background-origin: content-box;
  background-clip: content-box;
  background-size: 2.82rem 2.02rem;
  overflow: hidden;
}
body .main section .title label input {
  height: 0;
}
body .main section .title a {
  display: inline-block;
  height: 0.7rem;
  line-height: 0.7rem;
  position: relative;
  overflow: hidden;
}
body .main section .title a span {
  display: inline-block;
  color: #282828;
  font-size: 0.28rem;
  margin: 0 0.2rem;
}
body .main section .title a i {
  display: inline-block;
  width: 0.12rem;
  height: 0.22rem;
  background-image: url(../images/shopCartSprite.png);
  background-repeat: no-repeat;
  background-position: -2.2rem -0.6rem;
  background-size: 2.82rem 2.02rem;
}
body .main section .product {
  overflow: hidden;
  background-color: #fff;
}
body .main section .product li {
  overflow: hidden;
  padding: 0.1rem 0;
  background-color: #f8f8f8;
  margin-bottom: 0.1rem;
}
body .main section .product li label {
  display: block;
  width: 0.7rem;
  height: 1.6rem;
  padding: 0.65rem 0.2rem;
  background: url(../images/shopCartSprite.png) no-repeat -1.5rem -1.4rem;
  background-origin: content-box;
  background-clip: content-box;
  background-size: 2.82rem 2.02rem;
}
body .main section .product li label input {
  height: 0;
}
body .main section .product li a {
  width: 6.8rem;
  height: 1.6rem;
}
body .main section .product li a img {
  width: 1.6rem;
  height: 1.6rem;
}
body .main section .product li a .infor {
  width: 5.2rem;
  height: 100%;
  overflow: hidden;
  padding: 0 0.2rem;
  position: relative;
}
body .main section .product li a .infor p span {
  font-size: 0.24rem;
  color: #282828;
}
body .main section .product li a .infor .detail {
  margin-top: 0.2rem;
}
body .main section .product li a .infor .detail .newPrice {
  font-size: 0.24rem;
  color: #f5445d;
}
body .main section .product li a .infor .detail .oldPrice {
  font-size: 0.22rem;
  color: #808080;
}
body .main section .product li a .infor .operate {
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
  height: 0.4rem;
  font-size: 0;
}
body .main section .product li a .infor .operate .minus,
body .main section .product li a .infor .operate .add {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  border: 0;
  background: url("../images/shopCartSprite.png") no-repeat -0.6rem 0;
  background-size: 2.82rem 2.02rem;
  vertical-align: middle;
}
body .main section .product li a .infor .operate .add {
  background: url("../images/shopCartSprite.png") no-repeat -2.4rem 0;
  background-size: 2.82rem 2.02rem;
}
body .main section .product li a .infor .operate .num {
  display: inline-block;
  width: 0.72rem;
  height: 0.4rem;
  background: url("../images/shopCartSprite.png") no-repeat -1.4rem 0;
  background-size: 2.82rem 2.02rem;
  font-size: 0.24rem;
  color: #5c5c5c;
  margin-left: -2px;
  vertical-align: middle;
  text-align: center;
  line-height: 0.4rem;
}
body .main section .product li a .infor .operate .del {
  display: inline-block;
  height: 0.44rem;
  width: 0.44rem;
  border: 0;
  background: url("../images/shopCartSprite.png") no-repeat -0.6rem -0.6rem;
  background-size: 2.82rem 2.02rem;
}
body .main section .cleanInfor {
  height: 0.8rem;
  line-height: 0.8rem;
  padding: 0 0.2rem;
  text-align: right;
  color: #808080;
  background-color: #fff;
}
body .main section .cleanInfor span {
  color: #808080;
  font-size: 0.24rem;
}
body .main section .cleanInfor span.sum {
  color: #f5445d;
}
body .main section .cleanInfor .clean {
  display: inline-block;
  margin-left: 0.2rem;
  width: 1.3rem;
  height: 0.44rem;
  line-height: 0.44rem;
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  border: 0;
  border-radius: 0.22rem;
  background-color: #f5445d;
}
body footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  background: url(../images/footer.png) no-repeat;
  background-size: 7.5rem 1.25rem;
  height: 1.25rem;
}
body footer ul {
  display: flex;
  width: 100%;
  margin: 0;
}
body footer ul li {
  flex: 1;
  justify-content: space-between;
}
body footer ul li a {
  display: block;
  height: 100%;
  text-align: center;
}
body footer ul li a img {
  height: 0.5rem;
  width: 0.5rem;
  display: block;
  margin: 0.3rem auto 0.04rem;
}
body footer ul li a p {
  font-size: 0.22rem;
  color: #727272;
}
body footer ul li.on p {
  color: #f5445d;
}
body footer ul li.map img {
  width: 0.7rem;
  height: 0.7rem;
  margin-top: 0.1rem;
  margin-bottom: 0.05rem;
}
